import React from 'react'
import ReactDOM from 'react-dom'

class App extends React.Component {
  state = {
    min: 1,
    msg: '消息提示',
  }
  render() {
    return (
      <>
        <button onClick={this.handleClik}>点击</button>
        <button onClick={this.handleOnclick}>点击</button>
      </>
    )
  }
  //   自定义函数，this指向是undefined
  handleClik(e) {
    console.log(e, '事件对象', this)
  }
  //   箭头函数没有自己的this，this才会指向父级，也就是整个组件的实例
  handleOnclick = () => {
    console.log('我被点击了', this, this.state.min, this.state.msg)
  }
  //   原生js复习 ：applyh和call改变this指向的同时，会直接调用函数，bind只是改变this指向，但不会调用函数
}

ReactDOM.render(<App />, document.getElementById('root'))
